<html>
<head>
<title>2AJAX_JS.html</title>
</head>
<script type="text/javascript">
	var xmlhttp;

	function GetTest() {
		//可以发送请求。并且可以接受响应数据
		xmlhttp = new XMLHttpRequest();
		var url = "../TestAjaxSerlvet";
		//open：建立连接(请求方式、url路径)
		xmlhttp.open("GET", url);
		//send:发送请求
		xmlhttp.send();

		// 获得响应结果
		// xmlhttp.readyState 4
		// xmlhttp.status  200
		xmlhttp.onreadystatechange = function() {
			if (xmlhttp.readyState == 4 && xmlhttp.status == 200) {
				alert(xmlhttp.responseText);
			}
		};

	};

	function PostTest() {
		xmlhttp = new XMLHttpRequest();
		var url = "../TestAjaxSerlvet";
		xmlhttp.open("POST", url);
		xmlhttp.setRequestHeader("Content-Type",
				"application/x-www-form-urlencoded");

		//发送请求（POST方法的参数需要在send中添加）
		xmlhttp.send("username=admin&pwd=123");
		xmlhttp.onreadystatechange = function() {
			if (xmlhttp.readyState == 4 && xmlhttp.status == 200) {
				alert(xmlhttp.responseText);
			}
		};
	};
</script>

</head>

<body>
	<input type="button" value="GetTest" onclick="GetTest()">
	<input type="button" value="PostTest" onclick="PostTest()">
	<input type="text">
</body>
</html>